div.palette, div.hintPalette {
    width: 288px;
    height: 32px;
    font-size: 32;
    position: absolute;
}
div.symbol, div.hintSymbol {
    font-size: 80%;
    width: 32px;
    height: 100%;
    color: white;
    float: left;
    text-align: center;
}
div.revealed {
    margin: 20%;
    width: 60%;
    height: 60%;
    -moz-opacity:1.0;
    filter:alpha(opacity=100);
    opacity:1.0;
}
div.guess {
    margin: 7%;
    width: 86%;
    height: 86%;
}
div.conflict {
    background-color: red;
}
div.hint {
    width: 33%;
    height: 33%;
    font-size: 33%;
    color: white;
    float: left;
    text-align: center;
}
div.zero {
background-color: transparent;
}
div.one {
    background-color: purple;
}
div.two {
    background-color: yellow;
}
div.three {
    background-color: lime;
}
div.four {
    background-color: orange;
}
div.five {
    background-color: magenta;
}
div.six {
    background-color: cyan;
}
div.seven {
    background-color: teal;
}
div.eight {
    background-color: blue;
}
div.nine {
    background-color: black;
}

